<template>
		<view class="_item" @click="$emit('click',item)">
			<view class="_header">
				<text>设备：</text><text>{{item.id}}</text>
			</view>
			<view class="_center">
				<view class="centerItem">
					<text>设备MAC：</text><text>{{item.number}}</text>
				</view>
				<view class="centerItem">
					<text>车辆编号：</text><text>{{item.device}}</text>
				</view>
			</view>
			<view class="_bottom">
				<text >待检项：{{item.selected}}</text>
				<u-tag class="_tagItem" v-if="item.status == 1" text="待检" type="primary" shape="circle" mode="dark" @click="$emit('click',status)"/>
				<u-tag class="_tagItem" v-if="item.status == 2" text="已检" type="warning" shape="circle" mode="dark" @click="$emit('click',status)"/>
				<u-tag class="_tagItem" v-if="item.status == 3" text="异常" type="warning" shape="circle" mode="dark" @click="$emit('click',status)"/>
			</view>
		</view>
</template>

<script>
	export default{
		
		props:{
			item:{
				type:Object,
				default:{}
			}
		},
		data(){
			return{
				
			}
		}
	}
</script>

<style scoped lang="scss">
	._item{
		background-color: #FFFFFF;
		margin: 0 auto 20rpx;
		._header{
			height: 80rpx;
			padding: 0 20rpx;
			border-bottom: 1px solid #f2f2f2;
			text{
				font-size: 30rpx;
				font-weight: bold;
				line-height: 80rpx;
			}
		}
		._center{
			padding: 20rpx;
			border-bottom: 1px solid #f2f2f2;
			.centerItem{
				height: 60rpx;
				text{
					line-height: 60rpx;
					font-size: 26rpx;
				}
				text:first-child{
					color: #7F7F7F;
				}
			}
		}
		
		._bottom{
			padding: 10rpx 20rpx;
			display: flex;
			flex-direction: row;
			justify-content: space-between;
			align-items: center;
			text{
				line-height: 60rpx;
				font-size: 26rpx;
			}
			text:first-child{
				color: #7F7F7F;
			}
		}
	}
</style>


